@import "./mixin.scss";
.container {
  position: absolute;
  top: 0px;
  bottom: 0px;
  width: 100%;
  &>.header {
    height: 60px;
    line-height: 60px;
    background: #fff;border-bottom:solid 1px #d7dcde;
    color: #c0ccda;position:relative;z-index:1;
    .userinfo {
      text-align: right;
      padding-right: 35px;
      height:60px;
      .userinfo-inner {
        color: #fff;
        display:block;
        border-radius:100%;
        cursor: pointer;
        background-color:#3fa9f7;width:40px;height:40px;line-height:40px;text-align:center;font-size:12px;
        margin:10px 0;
        /*img {*/
        /*width: 40px;*/
        /*height: 40px;*/
        /*border-radius: 20px;*/
        /*margin: 10px 0px 10px 10px;*/
        /*float: right;*/
        /*}*/
      }
    }
    .logo {
      background-color:#f8f9fa;
      width:200px;height:60px;transition: all .28s ease-out;
      float:left;border-right:solid 1px #d7dcde;margin-right:20px;
      img {
        width: 146px;
        transition: all .28s ease-out;
        margin: 14px 10px 4px 18px;
      }
      &.min-logo{
        width:64px;padding-right:6px;overflow:hidden;
        img{width:124px}
      }
    }
    .txt{font-size: 22px;
      color: #13b5f6;
      span{color:#a2abb2}
    }
    .minBtn{position:absolute;width:30px;height:30px;background-color:#fff;border-radius:100%;box-shadow:2px 2px 4px rgba(0,0,0,.2);
      line-height:30px;top:50%;margin-top:-15px;left:185px;color:#b8c4ce;
      &:hover{color:#333;}
    }
  }
  .main {
    position: absolute;
    padding-top:60px;
    overflow: hidden;
    height:100%;width:100%;
    padding-left:200px;

    transition: all .28s ease-out;
    aside {
      width: 200px;
      height: 100%;
      position: fixed;
      top:60px;
      bottom: 0;
      left: 0;
      height:auto;
      background-color: #0d3771;
      z-index: 2000;
      overflow-x: hidden;
      transition: all .28s ease-out;
      i.iconfont{margin-right:26px}
      .el-menu-item.is-active{
        color:#12b7f5;
        font-weight:600;
        border-left:solid 6px #12b7f5;background-color:#0a2b58;
        position:relative;
        &:after{position:absolute;content: '';top:50%;right:0;margin-top:-6px;
          @include triangle(12px, 6px, #fff,left);
        }
      }
      &>ul{
        background-color: #0d3771;transition: all .28s ease-out;
        ul.el-menu{background-color: #0b3162;

        }
      }
      .el-menu--dark .el-menu-item:hover, .el-menu--dark .el-submenu__title:hover{background-color:#0a2b58}
    }
    &.min-aside{
      padding-left: 54px;
      aside{
        transform: translate(-146px, 0);
        &>ul{
          transform: translate(146px, 0);
        }
        &:hover{
          transform: translate(0, 0);
          &>ul{transform: translate(0, 0);}
        }
      }

    }
    .loading-box{position:absolute;top:0;
      z-index:999;width:100%;height:100%;
      &.unloading{z-index: inherit}
      .el-loading-mask{z-index:999;}
    }
    .content-container {
      background: #fff;
      overflow-y: scroll;
      height:100%;position:relative;
      .breadcrumb-container {
        position:absolute;top:0;left:0;width:100%;
        padding:0 10px;overflow:hidden;
        margin:4px 0;
        .title {
          width: 200px;
          float: left;
          color: #475669;
        }
        .breadcrumb-inner {
          float: right;height:20px;line-height:20px;
        }
      }
      .content-wrapper {
        position:absolute;top:50px;right:10px;bottom:0;left:10px;
        width:auto;height:auto;
        background-color: #fff;
        box-sizing: border-box;
      }
    }
  }
  .menu-list{
    .el-submenu{
      .el-menu-item{
        font-size:13px;text-indent:20px;
      }
    }
  }
  .versionSelect{position:fixed;bottom:0;
    width:300px;margin-left:10px;
      .now{.el-input__inner{color:#fff;background-color:#4990e2}}
      .wait{.el-input__inner{color:#fff;background-color:#89c448}}
  }
  .weight-content-box{
    background:#ffffff;
    box-shadow:0 0 2px 0 rgba(84,84,84,0.55);
    width:360px;
    height:392px;
    position:fixed;right:20px;top:168px;
    .taskWorkPoint{
      .el-form-item{
        margin-bottom:12px;}
    }
    .w-box-top{
      border-bottom:1px solid #979797;
      padding:0 12px;
      .el-form-item{margin:12px 0}
    }
    .w-box-middle{
      padding:12px;
      .el-row{
        height:28px;line-height:26px;margin-bottom:6px;
        cursor: pointer;
      }
      .w-input-line-box{
        height:210px;max-height:210px;overflow-y:auto;
        .el-form-item{margin-bottom:0}
        .choose-line:hover{
          background-color:rgba(73,143,225,0.23);

        }
        .el-form-item__content{line-height:inherit;
          &>.el-col{margin-top:8px}
        }
        .choose-line.active{background-color:rgba(73,143,225,0.23) }
      }
      .w-choose-box{
        margin-top:25px;
        .el-row{
          background-color:rgba(73,143,225,0.23);margin-top:10px;
        }
      }
      .w-btn-box{
        margin:10px auto;text-align:center;
        .el-button{margin:0 auto;display:inline-block;
          &+.el-button{margin-left:10px}
        }
      }
    }
  }
  .cursor{cursor:pointer}
  .el-input-number.el-input-number--mini{width:80px;vertical-align:middle;
    .el-input__inner{padding-right:44px;}
    .el-input-number__decrease{right:20px}
    .el-input-number__increase,.el-input-number__decrease{width:20px;height:20px;line-height:20px}
  }
}
.el-dialog__wrapper .el-dialog__header .el-icon-close{position: absolute;top:10px;right:10px;cursor:pointer}
.mb12{margin-bottom:12px;}
.screening-form{
  padding:12px 0;
  .el-form-item{margin-bottom:0;
     .el-form-item__label{padding-right:8px}
  }
  .btn-row{
    .upload-btn{display:inline-block}
    
    .el-button+.el-button,.el-button+.upload-btn,.upload-btn+.el-button{margin-left:4px;}
  }
}

